{% extends "base.html" %} {% load static %} {% block scripts %}
<script src="{% static 'index.js' %}" defer></script>
{% endblock %} {% block nav %}
<header>考拉 IP 归属地</header>
<div class="right"><a href="./query">查询</a></div>
{% endblock %} {% block main %}
<section>
  <h1>IP 归属地</h1>
  <ul>
    <li>
      <span>IP 地址</span>
      <span>{{ ip }}</span>
    </li>
    <li>
      <span>网络提供商</span>
      <span>{{ isp }}</span>
    </li>
    <li>
      <span>归属地</span>
      <span>{{ country }}, {{ province }}, {{ city }}</span>
    </li>
    <li onclick="location.href='./whois';">
      <span>查看 Whois 信息</span>
      <span>&gt;</span>
    </li>
  </ul>
  <p>
    IP 归属地数据源:
    <a href="{{ database_href }}">{{ database_name }}</a>
  </p>
</section>
<section>
  <h1>系统定位</h1>
  <ul>
    <li>
      <span>经度</span>
      <span id="longitude">未知</span>
    </li>
    <li>
      <span>纬度</span>
      <span id="latitude">未知</span>
    </li>
    <li>
      <span>定位地址</span>
      <span id="address">未知</span>
    </li>
    <li onclick="location.href='./navigator';">
      <span>查看 Navigator 信息</span>
      <span>&gt;</span>
    </li>
  </ul>
  <p>定位地址数据源: <a href="https://nominatim.org/">Nominatim</a></p>
</section>
<section>
  <h1>用户设备</h1>
  <ul>
    <li>
      <span>浏览器</span>
      <span>{{ browser }}</span>
    </li>
    <li>
      <span>操作系统</span>
      <span>{{ os }}</span>
    </li>
    <li>
      <span>设备</span>
      <span>{{ device }}</span>
    </li>
    <li onclick="location.href='./headers';">
      <span>查看 Headers 信息</span>
      <span>&gt;</span>
    </li>
  </ul>
  <p>用户代理: {{ user_agent }}</p>
</section>
<section>
  <h1>其它信息</h1>
  <ul>
    <li>
      <span>物理分辨率</span>
      <span id="resolution">1</span>
    </li>
    <li>
      <span>色深</span>
      <span id="colorDepth">未知</span>
    </li>
    <li>
      <span>显卡</span>
      <span id="gpu">未知</span>
    </li>
    <li onclick="location.href='./more';">
      <span>查看更多信息</span>
      <span>&gt;</span>
    </li>
  </ul>
  <p>这些信息从浏览器获取，与系统配置不一定相同</p>
</section>
{% endblock %}{% block footer %}
<p>过去 24 小时主页被访问了 {{ visits }} 次</p>
{% endblock %}
